<template>
    <h3>ElementUI集成</h3>
    <el-button type="success" size="small" ></el-button>
    
    
    <pre class="note">
    elementUI的集成
        1. 通过 npm 进行模块安装 npm install element-plus -S
        2. 选择加载方案完成项目的集成
            - 全局加载 <a target="_blank" href="https://element-plus.org/zh-CN/guide/quickstart.html#完整引入">https://element-plus.org/zh-CN/guide/quickstart.html#完整引入</a>
            - 按需加载 <a target="_blank" href="https://element-plus.org/zh-CN/guide/quickstart.html#按需导入">https://element-plus.org/zh-CN/guide/quickstart.html#按需导入</a> 
    </pre>
    <el-icon :size="40" color="red">
        <Edit />
    </el-icon>
    <hr>
    <!-- <el-input
        placeholder="Pick a date"
        :suffix-icon="Calendar"
    /> -->
    <el-input placeholder="Pick a date" suffix-icon="Calendar" />
    <hr>
    <el-table :data="users">
        <template #empty>
            <img src="@/assets/logo.png" alt="" srcset="">
            这是数据为空时显示的分发内容
        </template>
        <el-table-column type="expand" label="序号" width="180" #default="{ row }">
            {{row }}
        </el-table-column>
        <el-table-column prop="time" label="时间" width="180" />
        <el-table-column prop="name" label="Name" width="180" />
        <el-table-column prop="address" label="Address" />
    </el-table>
</template>

<script>
// import { Edit,Calendar } from "@element-plus/icons-vue";
export default {
    data() {
        return {
            // Calendar
            users: [
                {
                    time: '2016-05-03',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
                {
                    time: '2016-05-02',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
                {
                    time: '2016-05-04',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
                {
                    time: '2016-05-01',
                    name: 'Tom',
                    address: 'No. 189, Grove St, Los Angeles',
                },
            ]
        }
    },
    // components:{
    //     Edit
    // }
}
</script>

<style lang="scss" scoped></style>